import type { App } from 'vue';

import {
  ElButton,
  ElForm,
  ElTabPane,
  ElTabs,
  ElIcon,
  ElFormItem,
  ElInput,
  ElMenu,
  ElMenuItem,
  ElMenuItemGroup,
  ElDropdown,
  ElDropdownItem,
  ElDropdownMenu
} from 'element-plus';
const components = [
  ElButton,
  ElForm,
  ElTabPane,
  ElInput,
  ElTabs,
  ElIcon,
  ElFormItem,
  ElMenu,
  ElMenuItem,
  ElMenuItemGroup,
  ElDropdown,
  ElDropdownItem,
  ElDropdownMenu
];

export default function registerElement(app: App): void {
  // import 'element-plus/dist/index.css';
  for (const item of components) {
    app.component(item.name, item);
  }
}
